// 获取点击按钮
const btnRegister = document.querySelector('#btn-register')
// 设置点击事件
btnRegister.addEventListener('click', async function () {
    // 获取form标签 
    const form = document.querySelector('form')
    // 获取form数据
    const data = serialize(form, { hash: true, empty: true })
    // console.log(data)

    // 判断输入是否合法
    const { username, password } = data
    if (username.length < 8 || username.length > 30) {
        showToast('用户名为8~30位')
        return
    }
    if (password.length < 6 || password.length > 30) {
        showToast('密码为6~30位')
        return
    }

    try {
        // 请求数据
        const { message } = await axios.post('/register', data)
        showToast(message)
    } catch (err) {
        // console.dir(err)
        showToast(err.response.data.message)
    }

})